<template>
    <div class="all">
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
    </div>
</template>

<script>
    export default {
        name: "floatRight"
    }
</script>

<style scoped lang="less">
    .all {
        position: fixed;
        height: 210px;
        width: 70px;
        right: 20px;
        top: 400px;

        a {
            display: block;
            width: 70px;
            height: 68px;
            background-image: url(../../../assets/index/spiredForRight.png);
        }
        a:hover {
            background-position-y: 70px;

        }
    }
</style>